<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link rel="stylesheet" href="/static/css/login1/style.css" type="text/css" media="all">
</head>
<body>

<h1>登录</h1>

<div class="container w3layouts agileit">

    <div class="login w3layouts agileits">
        <h2>登 录</h2>
        <p>${MESSAGE}</p>
        <form action="/login" method="post">
            <input type="text" name="username" placeholder="用户名/电话号" required="">
            <input type="password" name="password" placeholder="密码" required="">
            <ul class="tick w3layouts agileits">
                <li>
                    <input type="checkbox" id="brand1" value="">
                    <label for="brand1"><span></span>记住我</label>
                </li>
            </ul>
            <div class="send-button w3layouts agileits">
                <form>
                    <input type="submit" value="登 录" class="btn">
                </form>
                <form action="/to/regist/page.html">
                    <input type="submit" value="免费注册" class="btn">
                </form>
            </div>
        </form>

        <a href="#">忘记密码</a>
        <a class="duanxin" href="/phionIndex.html">短信验证</a>

        <div class="social-icons w3layouts agileits">
            <p class="other">- 其他方式登录 -</p>
            <ul class="disanfang">
                <li class="qq"><a href="#">
                    <span class="icons w3layouts agileits"></span>
                    <span class="text w3layouts agileits">QQ</span></a></li>
                <li class="weixin w3ls"><a href="#">
                    <span class="icons w3layouts"></span>
                    <span class="text w3layouts agileits">微信</span></a></li>
                <li class="weibo aits"><a href="#">
                    <span class="icons agileits"></span>
                    <span class="text w3layouts agileits">微博</span></a></li>
                <div class="clear">
                </div>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="copyrights">Collect from <a href="#">@844199000qq.com</a>
    </div>
    <div class="clear"></div>

</div>

<div class="footer w3layouts agileits">
    <p>Copyright &copy; More Templates <a href="#" target="_blank" title="@844199000qq.com">@844199000qq.com</a> -
        Collect from <a href="#" title="@844199000qq.com" target="_blank">@844199000qq.com</a></p>
</div>

</body>
</html>